<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数学对象</title>
    <style>
        #tips{
            width: 320px;
            margin: 0 auto;
            font-size: 80px;
            background-color: aqua;
            border:solid 1px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="tips"></div>
  <script>
    // 圆周率的小数表达
    console.log(Math.PI)
    // 自然对数的小数表达
    console.log(Math.E)
    // 向上取整
    console.log(Math.ceil(Math.PI))
    // 向下取整
    console.log(Math.floor(Math.PI))
    // 四舍五入
    console.log(Math.round(Math.PI))
    // 生成0到1之间的数
    console.log(Math.floor(Math.random()*10))


    // 随机验证码生成
    var temp="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890"
    var arr=[]
    var code=document.getElementById("tips")
    for (i=0;i<temp.length;i++){
        arr.push(temp[i])
    }
    function create_code (len){
        var i=0;new_code=""
    do{
        new_code+=arr[Math.floor(Math.random()*61)]
        i++
    }while (i<len)
        return new_code
    }
    code.innerText=create_code(5)
  </script>
</body>
</html>